<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="author" content="贾梦雨">
    <meta name="keywords" content="个人作品集，个人网站，作品集，设计作品集，UI/UX，交互作品，设计师网页">
    <title>xiaojia's design website</title>
    <link rel="icon" href="images/qq_pic_merged_1608174112160.jpg
    
    " type="images/x-icon" />
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div class="container">
        <header>
            <!-- 头部标签 -->
            <div class="red">

            </div>
            <div class="circle">

            </div>
            <div class="black">

            </div>
            <img src="images/头部.png" alt="" class="toubu">

            <p class="headline">XIAO JIA'S
                <br>DESIGN WEBSITE
            </p>

        </header>
        <hr>

        <nav>
            <!-- 导航 -->
            <div class="one">
                <a href="#1">Sekf-introduction</a>
            </div>
            <div class="two">
                <a href="#2"> Manual video</a>
            </div>
            <div class="three">
                <a href="#3">Sample reels</a>
            </div>
            <div class="four">
                <a href="#4">Contact information</a>
            </div>
        </nav>
        <div class="self" id="1">
            <!-- 自我介绍 -->

            <div class="left">

                <p class="up">
                    self-introduction
                </p>


                <p class="down">
                    From Xi 'an, Shaanxi province, <br> 19 years old, chengdu Neusoft <br> University second student, <br> like listening to music, <br> eating and drawing. I like to <br> keep small pets. My favorite <br> animal is the fancy rat.
                </p>

            </div>
            <div class="right">
                <img src="images/ziwojies.jpg" alt="" class="ziwojieshao">
            </div>



        </div>
        <div class="video" id="2">
            <!-- 视频 -->
            <div class="l">

                <img src="images/IMG_20200621_043332.jpg" alt="" class="u">


                <p class="d">
                    This work is an abstract form of <br> mantis, which is mainly made of <br> white cardboard, cut and folded, <br> and assembled to the final shape.
                </p>

            </div>
            <div class="r">
                <!-- <video src="video/lv_0_20200621045431.mp4" controls="controls" autoplay muted></video> -->
                <iframe style='width: 600px;height: 450px' frameborder='no' allowfullscreen mozallowfullscreen webkitallowfullscreen controls="controls" autoplay muted src='http://go.plvideo.cn/front/video/preview?vid=4421b66f492d7886a417619785573c9c_4'></iframe>
            </div>
        </div>
        <div class="production" id="3">
            <!-- 作品 -->
            <div class="shouhui">
                <img src="images/扫描全能王 2020-12-06 09.43_1(2).jpg" alt="" class="sh">

                <a href="#z1" class="a">Freehand stetching</a>

            </div>
            <div class="shougong">
                <img src="images/qq_pic_merged_1607523463677.jpg" alt="" class="sg">

                <a href="#z2" class="b">Craft</a>

            </div>
            <div class="haibao">
                <img src="images/满.jpg" alt="" class="hb">

                <a href="#z3" class="c">Fromat design</a>

            </div>
        </div>
        <div class="zpjo" id="z1">
            <img src="images/IMG_0787(20200903-095119).JPG" alt="" height="400px">
            <img src="images/IMG_20201121_124632.jpg" alt="" height="400px" class="A">

            <img src="images/扫描全能王 2020-12-06 09.43_1(2).jpg" alt="" height="400px" class="B">
            <img src="images/IMG_0790(20200903-095306).JPG" alt="" height="400px">
        </div>
        <hr>
        <div class="zj">
            <div class="zpj2" id="z2">
                <img src="images/mmexport282ccb9ad27c66daf2aaab7ea21bb719.jpeg" alt="" height="350px">
                <img src="images/mmexport2359174ce86facacfdab09405f425f04.jpeg" alt="" height="350px" class="C">

                <img src="images/qq_pic_merged_1607523463677.jpg" alt="" height="350px" class="D">
                <img src="images/mmexporte365c51c3b86e613fb2e7e52393c444a.jpeg" alt="" height="350px">
                <img src="images/IMG_20200621_043332.jpg" alt="" height="350px">
            </div>
        </div>
        <hr>
        <div class="zpjt" id="z3">
            <img src="images/。.jpg" alt="" height="500px">
            <img src="images/唱片.jpg" alt="" height="500px" class="E">
            <img src="images/左右.jpg" alt="" height="500px" class="F">

            <img src="images/倾斜.jpg" alt="" height="500px">
        </div>
        <footer id="4">
            <!-- 联系方式 -->
            <p>If you are interested,please add me WeChat a2227553034.</p>

        </footer>


    </div>




</body>

</html>